<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
	<link rel="stylesheet" type="text/css" href="static/mytips.css" />
	<script type="text/javascript" src="static/mytips.js"></script>
</head>
<body>
	<div style="margin:50px auto;text-align:center;">
		<label class="btn btn-default js_sub_tips">提交前</label>
		<label class="btn btn-info js_subing">提交中</label>
		<label class="btn btn-success js_sub_success">提交成功</label>
		<label class="btn btn-danger js_sub_error">提交失败</label>
		<label class="btn btn-default js_sub_close">关闭提示</label>
	</div>
	<script type="text/javascript">
	$(function(){
		$(".js_sub_tips").on('click',function(){
			mytips.tips("提交提示");
		})
		$(".js_subing").on('click',function(){
			mytips.wait("正在提交");
		})
		$(".js_sub_success").on('click',function(){
			mytips.success("提交成功");
		})
		$(".js_sub_error").on('click',function(){
			mytips.error("提交失败",true,1000);
		})
		$(".js_sub_close").on('click',function(){
			mytips.remove();
		})
	})
	</script>
</body>
</html>